<template>
    <h3>组件生命周期函数应用</h3>
    <p ref="name">Hello World</p>
</template>

<script>
    export default {
        beforeUnmount() {
            console.log(this.$refs.name);   // undefined
        },
        mounted() {
            // 这里可以模拟网络请求操作，比如页面内容多，尚未加载出来之前，在此阶段先预加载
            console.log(this.$refs.name);   // <p>Hello World</p>
        }
    }
</script>
